<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  /**
   * id 是如下的字符串
   * 0-0 | 0-1 | 0-0-0 | 0-0-1 | 0-0-0-1
   *
   * 比较 id1 是否小于 id2
   * 返回 true -> id1 小于 id2（相等也返回 true）
   * 返回 false -> id1 大于 id2
   * */

  function compare (id1, id2) {
    const arr1 = id1.split('-');
    const arr2 = id2.split('-');

    const len = Math.max(arr1.length, arr2.length);

    let i = 0
    while (i < len && arr1[i] && arr2[i]) {
      if (arr1[i] === arr2[i]) {
        i ++
      } else {
        return +arr1[i] < +arr2[i]
      }
    }
    return true
  }

  // 测试 id1 是否小于 id2
  console.log(compare('0-0', '0-1'), '---1')
  console.log(compare('0-0-0', '0-1'), '---2')
  console.log(compare('0-0', '0-1-0'), '---3')
  console.log(compare('0-1', '0-1-0'), '---4')
  console.log(compare('0-1', '0-0'), '---5')
  console.log(compare('0-1', '0-0-0'), '---6')
  console.log(compare('0-0-1', '0-0-0'), '---7')
  console.log(compare('0-0-1', '0-1'), '---8')
  console.log(compare('0-1-1', '0-0'), '---9')
  console.log(compare('0-0', '0-0-0'), '---10')
  console.log(compare('0-0', '0-0'), '---11')
</script>
</body>
</html>